/** panel layout */
#search{
	position: absolute;
	top:92px;
	left: 50px;
}

#articles {
	position: absolute;
	top: 125px;
	left: 30px;
	width: 470px;
	height: 435px;
	padding: 10px 30px 10px 30px;
	text-align: left;
}

#articles_result {
	position: absolute;
	top: 125px;
	left: 30px;
	width: 85%;
	height: 435px;
	padding: 10px 20px 10px 30px;
	text-align: left;
}
#users_result {
	position: absolute;
	top: 125px;
	left: 35px;
	width: 535px;
	height: 435px;
	padding: 10px 20px;
	text-align: left;
}

#users_tops {
	position: absolute;
	top: 125px;
	left: 630px;
	width: 180px;
	height: 435px;
	padding: 10px 30px;
	text-align: left;
}

#pics_result {
	position: absolute;
	top: 125px;
	left: 35px;
	width: 790px;
	height: 435px;
	padding: 10px 20px;
	text-align: left;
	z-index:5;
}

#button_bar {
	position: absolute;
	top: 90px;
	left: 580px;
	width: 290px;
}

#user_bar{
	position: absolute;
	top: 125px;
	left: 580px;
	width: 270px;
	height: 100px;
	padding: 10px 10px 10px 10px;
}

#pace_bar{
	position: absolute;
	top: 255px;
	left: 580px;
	width: 270px;
	height: 200px;
	padding: 10px 10px 10px 10px;
}

#recommend_user_bar{
	position: absolute;
	top: 490px;
	left: 580px;
	width: 270px;
	height: 70px;
	padding: 10px 10px 10px 10px;
}

/** search panel details */
#search #search_udpate{
	float:left;
	margin-left: 50px;
	font-size: xx-small;
	color: #b2b296;
}

#search #search_update span.number{
	color: #ef9d75;
}

#search #search_box{
	float:right;
	font-size: xx-small;
}

#search #search_box input{
	height: 10px;
}

#search #search_box input#search_txt {
	font-size: xx-small;
	width: 100px;
	height: 10px;
	margin: 0px;
}

#search #search_box input#search_btn {
	color: #ffffff;
	font-size: xx-small;
	width: 25px;
	height: 15px;
	border: 0px;
	-webkit-border-radius: 1px;
	cursor: pointer;
	margin: 0px;
	background-color: #AF9252;
}

#search #search_box input#search_btn:hover {
	position: relative;
	top: 1px;
	left: 1px;
	box-shadow: 0px 0px 1px #846F5F;
}

/** articles panel details */
#articles .avatar {
	float: left;
}

#articles .post {
	margin-left: 60px;
	color: #b6b6b6;
}

#articles p {
	margin: 5px 0px 5px 0px;
}

#articles_result p {
	margin: 5px 0px 5px 0px;
}

#articles span.name {
	color: #ca9793;
}

#articles_result span.name {
	color: #ca9793;
}

#articles span.publish {
	
}
.article
{
	margin-bottom:10px;
}
.title {
	font-size:11px;
	color: #1B7658;
	font-weight: bold;
}

#articles span.publish_time {
	float: left;
	font-size: xx-small;
}

#articles span.summary {
	float: right;
	font-size: xx-small;
}

#articles p.content {
	background: #eaeaea;
	font-size: x-small;
}

#articles_result p.content {
	background: #eaeaea;
	font-size: 8;
}

/*new*/
#articles .img_bar {
	background: #eaeaea;
}
/*new*/
#articles img.content{
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 5px;
}

/** button panel details */
#button_bar input.button {
	background: #f14b23;
	color: #ffffff;
	font-size: x-small;
	width: 70px;
	height: 20px;
	border: 0px;
	-webkit-border-radius: 5px;
	box-shadow: 0px 0px 5px #8C5E50;
	cursor: pointer;
}

#button2{
	margin-left: 30px;
	margin-right: 30px;	
}

#button_bar input.button:hover {
	position: relative;
	top: 1px;
	left: 1px;
	background: #1B7658;
	box-shadow: 0px 0px 2px #8C5E50;
}

.recommend_item {
	float: left;
	width: 40px;
	margin-left: 10px;
}

.recommend_item p {
	font-size: xx-small;
	color: #54b788;
	background: #f5ecc1;
	cursor:pointer;
}

#user_bar #user_avatar {
	float: left;
	margin-right: 10px;
}

#user_bar #user_info #follow_count {
	border: 0px;
	color: #979799;
	font-size: xx-small;
}

#user_bar #user_info #basic_info {
	border: 0px;
	color: #979799;
	font-size: x-small;
	font-weight: bold;
}

/** footer login */
#footer #login{
	float:right;
	margin-top:30px;
	margin-right:150px;
	height: 60px;
	width: 124px;
	cursor: pointer;
}

#footer #login:hover{
	position: relative;
	height: 67px;
	width: 139px;
	left: 5px;
	bottom: 5px;
}


/* left navagator */
.nav{
	position:absolute;
	width: 63px;
	height: 108px;
	left:-4px;
	cursor: pointer;
}

.nav.selected{
	width: 109px;
	z-index: 9;
}

#nav1{
	background-image: url('../image/nav1.png');
	top:70px;
}

#nav1:hover{
	background-image: url('../image/nav1_hover.png');
}

#nav1.selected{
	background-image: url('../image/nav1_selected.png');
}

#nav2{
	background-image: url('../image/nav2.png');
	top:170px;
}

#nav2:hover{
	background-image: url('../image/nav2_hover.png');
}

#nav2.selected{
	background-image: url('../image/nav2_selected.png');
}

#nav3{
	background-image: url('../image/nav3.png');
	top:270px;
}

#nav3:hover{
	background-image: url('../image/nav3_hover.png');
}

#nav3.selected{
	background-image: url('../image/nav3_selected.png');
}

span.keyword{
	color:#D7316D;
}

.date{
	color:#EE4C23;
	font-size: 7px;
}

.details{
	color:#7C7774;
	font-size: 7px;
}

#pages{
	float:right;
}

#pages span{
	color:#449;
	padding: 1px 3px;
	border:1px solid #999;
}

#recommend_result
{
	float:right;
	width:475px;
}

.recommend_article
{
	background:#EAEAEA;
	margin-bottom:10px;
	padding:5px 10px;
}

.fleft
{
	float:left;
}

.user_item
{	
	margin-left:5px;
	margin-top:5px;
	font-size: 7px;
	float:left;
	width:260px;
	height:65px;
	line-height:100%
}
.borderv
{
	background-image:url('../image/borderv.png');
	height:70px;
	width:1px;
}

.borderh
{
	background-image:url('../image/borderh.png');
	height:1px;
	width:100%;
}

.user_name
{
	font-size: 15px;
}

td.follow
{
	border:1px solid #FFF;
	padding:3px;
	width:45px;
	font-weight:bold;
	color:rgb(75,181,133);
	text-align:center;
	background:rgb(245,236,195);
	font-size: 1px;
	cursor:pointer;
}

th
{
	text-align:center;
	padding-bottom:5px;
	font-size:20px;
}

td.top_avatar
{
	width:55px;
}

.pic_item
{
	float:right;
	margin:10px 5px;
	text-align:center;
}

.pic_frame
{
	background:#E8E8E8;
	width:180px;
	height:150px;
	box-shadow: 5px 5px 0px #CECECE;
}

img.frame
{
	padding:10px;
	max-width:160px;
	max-height:130px;
}

#tabs
{
	position:absolute;
	top: 135px;
	left: 855px;
	z-index:6;
}

#tab_mask
{
	position:absolute;
	top: 135px;
	left: 850px;
	width: 15px;
	height: 300px;
	background:#FFF;
	z-index:11;
}
.tab
{
	-webkit-border-radius: 10px;
	margin-top:3px;
	box-shadow: 0px 0px 10px #846F5F;
	background: #BBC48B;
	width:32px;
	height:55px;
	cursor: pointer;
}

.tab.selected
{
	background:#FFF;
	z-index:1000;
}

.tab:hover
{
	background:#FFF;
	z-index:10;
}

.tab_text
{
	width:25px;
	float:right;
	padding-top:6px;
	font-size:15px;
}

.c_green{color:#1B7658}

#slider_frame
{
	float:left;
	width:98%;
	height:425px;
	overflow:hidden;
}